/*
  PostCss适配文件
 */
module.exports = {
  //...其他配置
  css: {
    loaderOptions: {
      postcss: {
        //配置要使用的相关插件
        plugins: [
          require('postcss-pxtorem')({
            // 转换的基准值，以设计稿为准
            // 375: 37.5
            // 750: 75
            // Vant 组件的样式是以 375 设计稿开发的
            // 我们的设计稿
            //    375，量多少，写多少
            //    750，量出来的尺寸 ÷ 2

            //表示根元素字体大小，它会根据根元素大小进行单位转换
            rootValue: 37.5,
            //把px转化为rem
            propList: ['*']
          }),
          //自动添加浏览器厂商声明前缀，用来兼容不同的浏览器
          //.browserslistrc里面已经自动配置过不需要改动
          /* require('autoprefixer')({
            browsers: ['Android >= 4.0', 'iOS >= 8']
          }) */
        ]
      }
    }
  },
}